博主介绍：✌公司项目主程、全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌🍅文末获取联系🍅精彩专栏推荐👇🏻👇🏻👇🏻👇🏻java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.html目录一、前言介绍：二、系统设计：2.1用户功能设计：2.2系统结构三、功能截图： 3.1登录模块：3.2用户前端首页：3.3用户后端页面：3.4管理员后端管理： 3.4.
前言上节回顾上一小节我们使用H5+CSS3实现了管理平台的架构布局，并且通过Vuex的使用，获取到前端数据本地化存储的username，绑定到右上角进行全局展示。还不了解上下文的同学可以回顾一下 使用Vue+Vuex+CSS3完成管理端响应式架构模板实战 。本节介绍本小节已经是专栏的第10篇博客了，我们将继续维护添加Vue-router的路由数据，这些路由都是后续实战业务的真实路由了，在添加部分路由的同时，我们将借助ElementUI的el-munu组件，来实现左侧菜单功能的实战
前言上节回顾上一小节我们使用H5+CSS3实现了管理平台的架构布局，并且通过Vuex的使用，获取到前端数据本地化存储的username，绑定到右上角进行全局展示。还不了解上下文的同学可以回顾一下 使用Vue+Vuex+CSS3完成管理端响应式架构模板实战 。本节介绍本小节已经是专栏的第10篇博客了，我们将继续维护添加Vue-router的路由数据，这些路由都是后续实战业务的真实路由了，在添加部分路由的同时，我们将借助ElementUI的el-munu组件，来实现左侧菜单功能的实战
elementui使用el-upload组件实现自定义上传一、问题描述二、实现方式三、实现步骤3.1方式一：选择后自动上传3.2方式二：选择图片后手动上传3.3拓展：上传文件夹四、服务器相关接口一、问题描述elmentui中的upload默认的提交行为是通过action属性中输入的url链接，提交到指定的服务器上。但是这种url提交文件的方式，在实际的项目环境中往往是不可取的。我们的服务器会拦截所有的请求，进行权限控制，密钥检查，请求头分析等安全行为控制。写在这里的url无法实现定义请求参数之类的，就更不能进行后面的操作了。所以最恰当的方式，就是自定义文件的上传行为。二、实现方式el-uplo
问题描述在使用el-dialog的时候，关闭弹窗之后，发现数据还是保存在上面，查资料试了那些方法，都不太行，最后发现以下方法，泪目。解决方案：方案一、使用this.resetForm("form")重置表单在控制弹窗的点击事件handleUpdate中使用resetForm方法：//HTML代码el-buttonsize="mini"type="text"@click="handleUpdate(scope.row)">发放/el-button>//js代码methods(){handleUpdate(row){...///清空弹窗内容this.resetForm("form");}}方案二、
问题描述在使用el-dialog的时候，关闭弹窗之后，发现数据还是保存在上面，查资料试了那些方法，都不太行，最后发现以下方法，泪目。解决方案：方案一、使用this.resetForm("form")重置表单在控制弹窗的点击事件handleUpdate中使用resetForm方法：//HTML代码el-buttonsize="mini"type="text"@click="handleUpdate(scope.row)">发放/el-button>//js代码methods(){handleUpdate(row){...///清空弹窗内容this.resetForm("form");}}方案二、
先看需求：（不想看的直接拉到最后） 【需求说明】6、如状态为上架时，库存为必填，下架状态时，库存为可填，前面无星号实现方法：使用this.$set()和this.$delete()上代码：由于设计商业隐私，代码只上传一部分： 其他字段......表单data中原来的rules：//表单校验rules:{name:[{required:true,message:"请输入商品名称",trigger:['blur','change']}],title:[{required:true,message:"请输入商品标题",trigger:['blur','change']}],commodityForm
先看需求：（不想看的直接拉到最后） 【需求说明】6、如状态为上架时，库存为必填，下架状态时，库存为可填，前面无星号实现方法：使用this.$set()和this.$delete()上代码：由于设计商业隐私，代码只上传一部分： 其他字段......表单data中原来的rules：//表单校验rules:{name:[{required:true,message:"请输入商品名称",trigger:['blur','change']}],title:[{required:true,message:"请输入商品标题",trigger:['blur','change']}],commodityForm
Layout布局通过基础的24分栏，迅速简便地创建布局。span的作用一行默认24个span，属性放在el-col中决定此元素占据多少spangutter属性放在el-row中，给各个块之前设置间隔，但是是割的代码块的宽度。offset属性放在el-col中设置偏移量，单位和span一致。Type="flex"属性配合 justify=""放在el-row中设置col元素的对齐方式justify="end(右对齐)" justify="center(居中对齐)" justify="space-between(对齐)" justify="space-around(分散对齐)"RowAtt
Layout布局通过基础的24分栏，迅速简便地创建布局。span的作用一行默认24个span，属性放在el-col中决定此元素占据多少spangutter属性放在el-row中，给各个块之前设置间隔，但是是割的代码块的宽度。offset属性放在el-col中设置偏移量，单位和span一致。Type="flex"属性配合 justify=""放在el-row中设置col元素的对齐方式justify="end(右对齐)" justify="center(居中对齐)" justify="space-between(对齐)" justify="space-around(分散对齐)"RowAtt
